<template>

  <div class="login">
    <input type="text" v-model="name" @input="input">
    <input type="password" v-model="password" @input="input">
  </div>
</template>

<script>
    export default {
        name: "login",
        data: function (  ) {
              return{
                name: '',
                password: ''
              }
        },
       methods: {
          input: function () {
              this.$emit('input',this.name,this.password)
          }
       }
    }
</script>

<style scoped>
  .login {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

  }
  .login input {
    margin-top: 20px;
    border-radius: 5px;
    outline: none;
    border: none;
    height: 25px;
  }

</style>
